@import '~mand-mobile/components/_style/mixin/util'
@import '~mand-mobile/components/_style/mixin/theme.components'
@import '~mand-mobile/components/_style/mixin/theme.basic'

// refresh page after modification
color-primary = #327EB9
button-primary-active-fill = #327EB9
button-primary-fill = #ED7218
button-warning-fill = #EC4206
button-radius = 0
button-font-size = 36px
toast-fill = rgba(0, 0, 0, 1)
toast-zindex = 2600
slider-bg-base = #CCC
font-body-large = 24px
color-text-minor = #666666
tab-height = 63px
tab-ink-height = 2px
input-item-height = 80px
input-item-font-size = 20px
field-item-min-height = auto
field-padding-h = 0
field-padding-v = 0
field-item-border-color = #327EB9 !important
field-item-title-width = 180px
button-height = 98px
tab-font-size = 26px
tab-text-color = #333333
cell-item-multilines-padding-v = 26px
cell-item-padding-v =  26px
cell-item-min-height = 0px
cell-item-title-color = #333333
cell-item-title-font-size = 24px
popup-title-bar-height = 90px
popup-title-bar-font-size-title = 30px
stepper-font-size = 18px
stepper-input-font-size = 18px
stepper-height = 36px
stepper-width-button = 36px
action-bar-height = 80px
action-bar-padding-v = 10px
action-bar-slot-height = 80px
button-default-color = #FFFFFF
button-default-plain-color = color-primary
button-default-fill = color-primary
field-item-font-size = 24px
field-item-addon-font-size = 24px
field-item-min-height = 80px
field-item-padding-v = 0
detail-item-font-size = 22px
detail-item-title-color = #999999
detail-item-content-color = #999999
#order{
.md-button{
  height 80px
  line-height 80px
  font-size 30px
}
}
.btn-wrapper-action{
  .md-button{
    height 80px
    margin 0 auto
    width 80%
    display inline-block
    line-height 80px
    font-size 30px
  }
}
.success-box{
  .md-button{
    height 64px
    width 200px
    line-height 64px
    font-size:24px;
  }
.md-button.plain.default::after{
  border: solid 1px color-primary;
}
}
.shoppingCart{
  .md-button{
    height 80px
    width 168px
    line-height 80px
    font-size 30px
    margin-top 9px
    margin-bottom 9px
  }
  .md-button.plain.default::after{
    border: solid 1px color-primary;
  }
}
.addCard{
  .md-button{
    height 76px
    line-height 76px
    font-size 30px
  }
}
.order-card, .order-detail{
  .md-button{
    height 62px
    width 168px
    line-height 62px
    font-size:24px;
  }
  .md-button.plain.default::after{
    border: solid 1px color-primary;
  }
}
  .empty{
    background white
  }
.address{
  .md-button{
    height 80px
    width 80%
    line-height  80px
    font-size:30px;
    margin 0 auto
  }
}
  .addAddress{
    .md-button{
      height 70px
      width 40%
      line-height  70px
      font-size:28px;
      margin 56px auto 0 auto
    }
  }
.home{
 .md-tab-bar-item.is-active{
   color: #ffffff;
   background color-primary
   border-radius 21px
 }
  .md-tab-bar-item{
    font-size: 26px;
    min-height 26px;
    padding 9px 10px
    color #333333
  }
}